<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>App 用户分析</title>
        <!-- 引入 jquery    -->
        <script src="jquery.min.js"></script>
        <!-- 引入 echarts.js -->
        <script src="echarts.min.js"></script>
    </head>
    <body>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width: 800px;height:600px;"></div>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));

            $.get('user_data.json',function (data) {
                myChart.setOption({
                    title: {
                        text: 'app'
                    },
                    series: {
                        name: 'pie',
                        type: 'pie',
                        data: data.user
                    },
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 255, 0, 0.5)'
                        }
                    },
                });
            })


        </script>
    </body>
</html>